<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>注册</title>
	<link rel="stylesheet" href="../css/base.css">
	<link rel="stylesheet" href="../css/zhuce.css">
</head>
<body>
	<div id="top">
		<div id="logo">
			<a href="index.html">
				<img src="../img/logo.jpg">
			</a>
		</div>
		<ul>
			<li><a href="#">子弹头断货王</a></li>
			<li id="two"><a href="#">新品快讯</a></li>
			<li><a href="#">全部产品</a></li>
			<li><a href="#">热卖产品</a></li>
			<li><a href="#">门店专柜</a></li>
			<li><a href="#">唇妆视频</a></li>
		</ul>
		<span>
			<a href="#">
				<img src="../img/sousuo.jpg" alt="">
			</a>
		</span>
		<div class="xx">
			<a href="#">
				<img src="../img/xingxi.jpg" alt="">
			</a>
		</div>
		<a href="#" class="denglu">
			MY&nbspM·A·C
		<p>用户登录</p>
		</a>
		<div class="che">
				<a href="#">
					<img src="../img/gouwuche.jpg" alt="">
				</a>
		</div>
		<div id="fulan">
			<div>
				<li>
					<a href="#">
						<div class="aft">
							<p>魅可单色美学系列</p>
							<img src="../img/top1-1.jpg" alt="">
						</div>
						
						<div class="block-content">
   							 <p class="block-excerpt">爱己所爱   释色如我 <br>“单色美学”系列  尽释魅力</p>
						    <span class="block-link">查看系列</span>
						  </div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="aft">
							<p>魅可保湿喷雾</p>
							<img src="../img/1-1.jpg" alt="">
						</div>
						<div class="block-content">
   							 <p class="block-excerpt">爱己所爱   释色如我 <br>“单色美学”系列  尽释魅力</p>
						    <span class="block-link">查看系列</span>
						  </div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="aft">
							<p>魅可立体柔光系列</p>
							<img src="../img/1-3.jpg" alt="">
						</div>
						<div class="block-content">
   							 <p class="block-excerpt">爱己所爱   释色如我 <br>“单色美学”系列  尽释魅力</p>
						    <span class="block-link">查看系列</span>
						  </div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="aft">
							<p>魅可液体趋势系列</p>
							<img src="../img/1-4.jpg" alt="">
						</div>
						<div class="block-content">
   							 <p class="block-excerpt">爱己所爱   释色如我 <br>“单色美学”系列  尽释魅力</p>
						    <span class="block-link">查看系列</span>
						  </div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="aft">
							<p>魅可定制无暇粉底液</p>
							<img src="../img/top1-5.jpg" alt="">
						</div>
						<div class="block-content">
   							 <p class="block-excerpt">爱己所爱   释色如我 <br>“单色美学”系列  尽释魅力</p>
						    <span class="block-link">查看系列</span>
						  </div>
					</a>
				</li>
			</div>
			<div id="btn"><a href="#">查看全部系列</a></div>
		</div>
	</div>
<!-- 									content 								 -->
	<div id="content">
		<div id="cont">
			<h2>新用户注册</h2>
			<p>已经是魅可会员了？ 
				<a href="#">立即登录</a>
			</p>
		</div>
		<div id="tent">
			<div class="form">
				<input type="text" id="youxiang">	
				<span id="sp">*电子邮箱地址</span>
			</div>
			<div class="form">
				<input type="text" id="quanming">	
				<span id="sp">*全名</span>
			</div>
			<div class="form form2">
				<input type="password" id="password">	
				<span id="sp">*密码</span>
			</div>
			<div class="form form2">
				<input type="text" id="shouji">	
				<span id="sp">*手机</span>
			</div>
		</div>
		<button id="but">
				注册
		</button>
	</div>




					<!-- 								bottom									 -->
	<div id="bottom">
		<ul class="list1">
				<h3>门店地址</h3>
				<li>
					<a href="#">
						查找门店
					</a>
				</li>
				<li>
					<a href="#">
						魅可定制美妆
					</a>
				</li>
		</ul>
		<ul class="list2">
				<h3>客户服务</h3>
				<li>
					<a href="#">
						联系我们
					</a>
				</li>
				<li>
					<a href="#">
						网上商城服务热线：
					</a>
				</li>
				<li>
					<a href="#">
						400-602-9566
					</a>
				</li>
				<li>
					<a href="#">
						专柜客户关怀热线：
					</a>
				</li>
				<li>
					<a href="#">
						400-821-1308
					</a>
				</li>
				<li>
					<a href="#">
						常见问题
					</a>
				</li>
				<li>
					<a href="#">
						订单情况
					</a>
				</li>
				<li>
					<a href="#">
						运输信息
					</a>
				</li>
				<li>
					<a href="#">
						退换政策
					</a>
				</li>
		</ul>
		<ul class="list3">
				<h3>关于我们</h3>
				<li>
					<a href="#">
						品牌故事
					</a>
				</li>
				<li>
					<a href="#">
						艾滋病基金会
					</a>
				</li>
				<li>
					<a href="#">
						M·A·C魅可官网购物五大理由
					</a>
				</li>
				<li>
					<a href="#">
						M·A·C魅可专业会员
					</a>
				</li>
				<span>公司地址</span>
				<li>
					<a href="#" style=''>
						上海市静安区&nbsp;延安中路1228号静安嘉里中心三座11楼
					</a>
				</li>
		</ul>
		<ul class="list4">
				<h3>账户</h3>
				<li>
					<a href="#">
						账号
					</a>
				</li>
				<li>
					<a href="#">
						订单状态
					</a>
				</li>
				<li>
					<a href="#">
						我的收藏
					</a>
				</li>
		</ul>
		<ul class="list5">
				<h3>链接</h3>
				<li>
					<img src="../img/weix.png" alt="">
					<img src="../img/weib.png" alt="">
				</li>
				<li>
					<img src="../img/trustmark_logo (1).png" alt="">
				</li>
		</ul>

	</div>


	<!-- 								footer									 -->
	<div id="footer">
		<ul>
			<li>
				<a href="#">
					隐私保护
				</a>
			</li>
			<li>
				<a href="#">
					条件条款
				</a>
			</li>
			<li>
				<a href="#">
					产品真伪鉴别
				</a>
			</li>
			<li>
				<a href="#">
					&copy;&nbsp;MAKE-UP ART COSMETICS. ALL WORLDWIDE RIGHTS RESERVED.
				</a>
			</li>
			<li>
				<a href="#">
					沪ICP备08005263号
				</a>
			</li>
			<li>
				<a href="#">
					上海工商
				</a>
			</li>

		</ul>
	</div>
	<script src="../js/login.js"></script>
	<script src="../js/jquery-3-3-1-min.js"></script>
	<script src="../js/zc.js"></script>
</body>
</html>